.shareBtn {
  @apply text-bold text-28px flex flex-row items-center justify-center;
}
.contentPannel {
  border-radius: 32px 32px 0 0;
  @apply box-border overflow-hidden relative;
  &.webviewContentPannel {
    // margin-top: -92px;
    margin-top: -36px;
  }
  &.skylineContentPannel {
    transform: translateY(-24px);
  }
}
.filters {
  height: 92px;
  white-space: nowrap;
  @apply box-border bg-white;
  .filter {
    height: 100%;
    line-height: 92px !important;
    margin-left: 48px;
    @apply inline-block box-border text-32px text-gray relative;
    &::after {
      width: 48px;
      height: 6px;
      content: "";
      left: 50%;
      transform: translateX(-50%);
      @apply absolute bottom-0 rounded-10px box-border;
    }
    &.filterActive {
      @apply font-600 text-bold;
      &::after {
        @apply bg-primary;
      }
    }
  }
}
.list {
  height: 100%;
  @apply box-border px-32px bg-page;
  &.webviewList {
    @apply pt-22px;
  }
}
